NextJS representa parte del código del lado del servidor. Yo puedo manejar eso. Pero necesitaría verificar si las cookies están configuradas y aquí tengo problemas. Lo intenté:
!!document && !!document.cookie
y
document !== undefined && !!document.cookie
Cada vez que me sale el mismo error:
ReferenceError: document is not defined
Solo quiero dejar esto claro, no quiero renderizar el componente exclusivamente del lado del cliente. Lo único que quiero verificar es si document.cookie está definido o no :)
Estoy agradecido por cada respuesta que me ayudaría a resolver este problema.
ACTUALIZAR:
Acepté la primera respuesta ya que era la correcta. Sin embargo, me di cuenta de que mi enfoque era incorrecto y lo resolví verificando explícitamente el tipo de documento:
typeof document !== 'undefined' && !!document.cookie
Supongo que todavía no tomé suficiente café y me perdí algo bastante obvio.
Next.js utiliza la representación previa, por lo que debe envolver cualquier uso del document en el gancho useEffect ya que el document no está disponible en el servidor. De esa forma, el código en particular se ejecuta solo en el lado del cliente.
https://nextjs.org/docs/migrating/from-create-react-app#safely-accessing-web-apis